<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
	</head>
	<style>
		body {
			width: 100%;
			font-size: 1rem;
		}
		
		* {
			margin: 0;
			padding: 0;
		}
		
		ul {
			list-style: none;
		}
		
		li {
			height: 45px;
			line-height: 45px;
			border-bottom: 1px solid #d3d3d3;
		}
		
		.fanhui {
			position: absolute;
			top: 20px;
			right: 50px;
		}
		
		.right {
			float: right;
			color: #808080;
			padding-right: 50px;
		}
	</style>
	<script type="text/javascript">
		//页面获取数据
		$(function() {
			refurbishIndex();

		});

		function refurbishIndex() {
			$.ajax({
				type: "get",
				url: "/list10",
				data: {

				},
				async: false,
				success: function(data) {
					var str = "";
					var ss = "";
					for(i in data) {
						ss += "<p>" + "姓名 :" + data[i].m_name + " " + "就诊时间 :" + data[i].dateOfConsultation + "</p>";
						document.getElementById("m_name").innerHTML = data[i].m_name;
						document.getElementById("m_sex").innerHTML = data[i].m_sex;
						document.getElementById("m_age").innerHTML = data[i].m_symptom;
						document.getElementById("m_type").innerHTML = data[i].m_type;
						document.getElementById("m_grade").innerHTML = data[i].m_grade;
						document.getElementById("m_phone").innerHTML = data[i].m_phone;
						document.getElementById("dateOfConsultation").innerHTML = data[i].dateOfConsultation;
						document.getElementById("dateOfOnSet").innerHTML = data[i].dateOfOnSet;
						document.getElementById("p").innerHTML = ss;
					}

				}
			});
		}
	</script>

	<body>
		<div id="accordion">
			<div class="card">
				<div class="card-header">
					<p id="p" class="card-link" data-toggle="collapse" href="#box">3432</p>
				</div>
				<div id="box" class="none collapse" data-parent="#accordion">
					<div class="card-body">
						<ul>
							<li>姓名:<span class="right" id="m_name"></span></li>
							<li>性别:<span class="right" id="m_sex"></span></li>
							<li>类型<span class="right" id="m_type"></span></li>
							<li>班级<span class="right" id="m_grade"></span></li>
							<li>电话<span class="right" id="m_phone"></span></li>
							<li>发病日期<span class="right" id="dateOfOnSet"></span></li>
							<li>就诊日期<span class="right" id="dateOfConsultation"></span></li>
							<li>建议:<span class="right" id="m_age"></span></li>
						</ul>
					</div>
				</div>
			</div>
			<a href="PersonalCenter" class="fanhui">返回</a>
		</div>
	</body>

</html>